<template>
			<list-scroll @loadmoer="loadmoer"  >
			<view :class="showBack?'showBack':''">
				<list-card :showBack="showBack" v-for="(item,i) in articleList" :mode="item.mode" :key="i" :data="item"/>
			</view>
				
				<uni-load-more v-if="articleList.length === 0 || articleList.length > 7" :status="load.loading"></uni-load-more>
			</list-scroll>
</template>

<script>
	export default {
		data() {
			return {
			};
		},
		props:{
			articleList:{
				type:Array,
				default(){
					return []
				}
			},
			load:{
					type:Object,
					default(){
						return {loading:'loading'}
					}
			},
			showBack:{
				type:Boolean,
				default: false,
			}
		},
		created() {
			// console.log(this.showBack,this.articleList,"showBackshowBack");
		},
		methods:{
			loadmoer(){
				this.$emit("loadmoer")
			}
		} 
	}
</script>

<style scoped lang="scss">
.showBack{
	display: flex;
	flex-wrap: wrap;
	box-sizing: border-box;
	// justify-content: space-between;
	width: 100%;
	padding-left: 15px;
}
</style>
